<!doctype html>

<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Order Custom Patches Online - Manufacturer</title>
    <meta name="keywords" content="Order Custom Patches Online - Manufacturer">
    <meta name="description" content="Order Custom Patches Online - Manufacturer">
    <link href="static/front/css/favicon.ico" rel="shortcut icon" type="static/front/image/vnd.microsoft.icon">
    <link rel="stylesheet" type="text/css" href="static/front/css/css">
    <link rel="stylesheet" type="text/css" href="static/front/css/layui.css">
    <link rel="stylesheet" type="text/css" href="static/front/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="static/front/css/slider-pro.min.css" media="screen">
    <link rel="stylesheet" type="text/css" href="static/front/css/style.css">
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="static/front/js/jquery.js"></script>
    <!--<![endif]-->
    <!-- 以下是 HTML5 与 IE8 兼容支持 -->
    <!--[if lt IE 9]>
     <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
     <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
     <script src="https://cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"></script>
     <script src="https://cdn.bootcss.com/respond.static/front/js/1.4.2/respond.min.js"></script>
     <script src="https://cdn.bootcss.com/rem/1.3.4/static/front/js/rem.min.js"></script>
     <![endif]-->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="static/front/js/js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-121688849-1');
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 804246813 -->
    <script>
        gtag('config', 'AW-804246813');
    </script>
    <!-- Event snippet for 简报注册 conversion page
       In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion_quote(url) {
            var callback = function() {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-804246813/lvi3CI254YkBEJ2qv_8C',
                'event_callback': callback
            });
            return false;
        }
    </script>
    <!-- Event snippet for 自动报价 conversion page
       In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
    <script>
        function gtag_report_conversion_order(url) {
            var callback = function() {
                if (typeof(url) != 'undefined') {
                    window.location = url;
                }
            };
            gtag('event', 'conversion', {
                'send_to': 'AW-804246813/uXVYCJ3P66sBEJ2qv_8C',
                'value': 30.0,
                'currency': 'CNY',
                'event_callback': callback
            });
            return false;
        }
    </script>
    <!-- 谷歌评价 -->
</head>

<body pagename="index" class="index">

    {include file="index/header" /}
    <script>
        $(function() {
            $('.menu li').each(function() {
                    var pageName = $(this).attr("pageName");
                    var curPageName = $("body").attr("pageName");

                    if (pageName == curPageName) {
                        $(this).addClass("sel");
                    } else {
                        $(this).removeClass("sel");
                    }
                }) //头部菜单选中效果

            //外部引入头部事件会无效，直接放在头部
            $("#toQuote").click(function() {
                if ($("#xunjiaFormBox").size() > 0) { // 判断页面上是否存在表单id=xunjiaFormBox，存在--滚动到表单位置，不存在跳转到链接
                    var t = $('#orderingProcess').length > 0 ? $('#orderingProcess').offset().top - 98 : $('#xunjiaFormBox').offset().top - 80;
                    $("html,body").animate({
                        scrollTop: t
                    }, 500); //滚动到表单位置
                } else {
                    location.href = '/?g=quote';
                }
            });

            $("#toOrder").click(function() {
                gotoOrder();
            });
        })

        function gotoOrder() {
            var categoryId = $('#productCategoryId').val();
            var category = $('#productCategoryName').val();
            var productIds = $('#tradeGategroyIds').val();
            var data = "";

            if (categoryId !== undefined) {
                data += "?categoryId=" + categoryId;
                data += "&category=" + category;
                if (productIds.length > 0) {
                    data += "&productId=" + productIds.split(',')[0];
                }
            }
            location.href = '/autoprice.html' + data;
        }
    </script>
    {block name="container"}{/block}
    <!--//container-->
    <footer>
        <div class="layui-row">
            <dl class="layui-col-sm3">
                <dt>
        NAVIGATION
        <span class="expandArrow">›</span>
       </dt>
                <dd>
                    <a href="/">Home</a>
                    <a href="/product?name=pricing">Pricing</a>
                    <!--    <a href="/product?name=about-us/">About Us</a>-->
                    <a href="/product?name=testimonials">Testimonials</a>
                    <a href="/product?name=in-quote/">10 Patches Types</a>
                </dd>
            </dl>
            <dl class="layui-col-sm3">
                <dt>
        Popular Patches
        <span class="expandArrow">›</span>
       </dt>
                <dd>
                    <a href="/product?name=iron-on-patches/">Iron On Patches</a>
                    <a href="/product?name=embroidered-patches/">Embroidered Patches</a>
                    <a href="/product?name=velcro-patches/">Velcro Patches</a>
                    <a href="/product?name=chenille-patches/">Chenille Patches</a>
                    <a href="/product?name=pvc-patches">PVC Patches</a>
                    <a href="/product?name=in-quote/" style="color: #e83611">View All Products &gt;&gt;</a>
                </dd>
            </dl>
            <dl class="layui-col-sm3">
                <dt>
        Contact Us
        <span class="expandArrow">›</span>
       </dt>
                <dd>
                    chenillepatch.com
                    <br>sales@chenillepatch.com
                </dd>
                <dd>
                    Customer representative Manager Claudia
                </dd>
                <dd>
                    +86 18556741204
                </dd>
                <dd>
                    <!-- <a href="https://www.whatsapp.com/" target="_blank" class="sns twitter"></a> -->
                    <a href="https://www.facebook.com/patches.nice.1" target="_blank" class="sns facebook"></a>
                    <a href="https://www.pinterest.com/service3253/" target="_blank" class="sns pinterest"></a>
                    <a href="https://www.instagram.com/custom_patches_manufacturer/" target="_blank" class="sns instagram"></a>
                </dd>
                <!--   <dd class="msg">-->
                <!--    <div class="layerOnline">-->
                <!--     <h3>Live Chat</h3>-->
                <!--     <p> Sorry, we aren't online at the moment. Leave a message with your email address and your request and we'll get back to you. </p>-->
                <!--    </div>-->
                <!--    <form id="contactBox" class="layui-form">-->
                <!--     <h4>Introduce yourself:</h4>-->
                <!--     <div class="layui-form-item row2">-->
                <!--      <div class="layui-inline">-->
                <!--       <input type="text" name="name" required lay-verify="required" lay-verType="tips" placeholder="You Name" autocomplete="off" class="layui-input">-->
                <!--      </div>-->
                <!--      <div class="layui-inline">-->
                <!--       <input type="text" name="email" required lay-verify="required" lay-verType="tips" placeholder="You Email" autocomplete="off" class="layui-input">-->
                <!--      </div>-->
                <!--     </div>-->
                <!--     <div class="layui-form-item">-->
                <!--      <h4>Artwork:</h4>-->
                <!--      <div class="layui-uploadbox">-->
                <!--       <a id="contactUploadFile" class="uploadFile"><i class="layui-icon"></i>Upload File</a>-->
                <!--       <div id="contactUploadImgView" class="uploadImgView">-->
                <!--        <div class="file" v-for="(file,index) in fileList">-->
                <!--         <div class="thumbbox">-->
                <!--          {{file.fileName}}-->
                <!--         </div>-->
                <!--         <i v-on:click="fileList.splice(index,1)" class="basefont delImg"></i>-->
                <!--        </div>-->
                <!--        <div id="contactUploadProgress" class="layui-progress hide" lay-showpercent="yes" lay-filter="progressBar" style="width:180px;margin:5px 0 10px 0">-->
                <!--         <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>-->
                <!--        </div>-->
                <!--       </div>-->
                <!--      </div>-->
                <!--      <h4>Message:</h4>-->
                <!--      <div class="layui-inline textareaBox">-->
                <!--       <textarea name="message" placeholder="Let us know what you need" lay-vertype="tips" class="layui-textarea"></textarea>-->
                <!--      </div>-->
                <!--      <div class="layui-inline submitBtn">-->
                <!--       <button type="button" class="layui-btn" lay-submit lay-filter="contactSubmit"> Send Message </button>-->
                <!--      </div>-->
                <!--     </div>-->
                <!--    </form>-->
                <!--   </dd>-->
            </dl>
            <dl class="layui-col-sm3">
                <dt>
        　
       </dt>
                <dd style="text-align: right;">
                    <img src="static/front/images/trust.png" class="lo" style="width: 1.5rem;" alt="">
                </dd>
                <dd style="text-align: right;">
                    <img src="static/front/images/paypal.png" class="lo" style="width: 1.5rem;" alt="">
                </dd>
            </dl>
        </div>
        <div class="cp">
            Privacy Policy Terms &amp; Conditions Copyright 2019 nicepatches. All Rights Reserved.
        </div>
        <!--//mod-testi-->
        <!-- <div id="sticky-buttons">-->
        <!--  <a class="chat"><i class="iconfont"></i><span class="text">LIVE CHAT</span></a>-->
        <!--  <a class="backtop"> <i class="iconfont"></i> </a>-->
        <!-- </div>-->
    </footer>
    <script src="static/front/js/swiper.min.js"></script>
    <link href="static/front/css/jquery.fancybox.min.css" rel="stylesheet" type="text/css">
    <script src="static/front/js/jquery.fancybox.min.js"></script>
    <script src="static/front/js/main.js" type="text/javascript" charset="utf-8"></script>
    <script src="static/front/js/layui.js" type="text/javascript" charset="utf-8"></script>
    <script src="static/front/js/vue.release.js" type="text/javascript" charset="utf-8"></script>
    <script src="static/front/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="static/front/js/service.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(document).ready(function($) {

            var topBan = new Swiper('.topBan', {
                loop: true,
                slidesPerView: 1,
                pagination: {
                    el: '.topBanPagination',
                    type: 'fraction',
                },
                navigation: {
                    nextEl: '.topBanNext',
                    prevEl: '.topBanPrev',
                },
            }); //初始化头部轮播图
            var factory = new Swiper('.swiper-factory', {
                loop: true,
                slidesPerView: 1,
                pagination: {
                    el: '.factoryPagination',
                    type: 'fraction',
                },
                navigation: {
                    nextEl: '.factoryNext',
                    prevEl: '.factoryPrev',
                },
            }); //工厂展示

            var tems = new Swiper('.swiper-tems', {
                loop: true,
                slidesPerView: 1,
                pagination: {
                    el: '.temsPagination',
                    type: 'fraction',
                },
                navigation: {
                    nextEl: '.temsNext',
                    prevEl: '.temsPrev',
                },
                on: {
                    slideChange: function() {
                        console.log(this.activeIndex - 1)
                        console.log($(".temsText .c").length)

                        if (this.activeIndex > $(".temsText .c").length) {
                            $(".temsText .c").hide();
                            $(".temsText .c").eq(0).show();
                        } else {
                            $(".temsText .c").hide();
                            $(".temsText .c").eq(this.activeIndex - 1).show();
                        }
                    },
                },

            }); //评论图片图片展示

        });
    </script>
</body>

</html>